@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/*初始化*/
*{ 
	padding:0;
	margin:0;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	box-sizing:border-box;
}

html{
	font-size: calc(100vw/19.2);
}

html, body{
	width: 100%;
	height: auto;
	min-height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {
	font-family: 'PingFang SC','Microsoft YaHei','Microsoft YaHei UI','WenQuanYi Micro Hei','Arial','sans-serif',\5b8b\4f53;
	font-size: 16px;
	line-height: 1.5em;
	color: #999;
	background: #fff;
}
input,button{
	-webkit-appearance:none;
	border-radius: 0;
}
a,a:hover,a:focus {
	text-decoration: none;
}
textarea{
	resize: none;
	overflow: auto;
}
input,button {
	border: 0;
}
img {
	border: 0;
	vertical-align: top;
}
li {
	list-style: none;
}
ul,ol,p,h1,h2,h3,h4,h5,h6 {
	margin:0;
}
/* placeholder修改 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #666 !important;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #666 !important;
	opacity: 1;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #666 !important;
	opacity: 1;
}
input::-ms-input-placeholder,textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #666 !important;
}
select {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand { display: none; }

.le{ float:left;}
.ri{ float:right;}
.clr{ clear:both;}
.table{ display:table; width:100%; height:100%;}
.table .tbc{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
.imgs{ overflow:hidden; position:relative;}
.imgs img{transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.imgs:hover img{ transform:scale(1.1); -moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.one-line {
    overflow: hidden;
    white-space: nowrap;
    display: block;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.two-line {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.three-line {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.w1200{ max-width:1200px; margin:0 auto;}


.wap{ display:none;}
.hei50{ height:50px; width:100%;}
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#0068b7;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:rgba(255,255,255,1);width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#0068b7}
.sjj_nav ul li ul li>ul{margin-left:10px}



.c-container{ max-width:1200px; width:100%; margin:0 auto;}
#c-header {
	position: fixed;
	top:0;
	left:0;
	z-index: 900;
	width: 100%;
	line-height: 100px;
	text-align: center;
	transition: all 0.5s;
	border-bottom: 1px solid #fff;
}
#c-header.c-head-hide,.c-open #c-header  {
	line-height: 80px;
	color: #333;
	background: #fff;
	box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05);
}
#c-header.c-head-move{
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
#c-header a {
	color: #fff;
	transition: all 0.5s;
}
#c-header.c-head-hide a,.c-open #c-header a {
	color: #333;
}
#c-header:hover {
	border-bottom: 1px solid #0068b7;
}

/*顶部logo*/
#c-header .c-logo a {
	float: left;
	text-align: left;
}

#c-header .c-logo a img {
	height: 55px;
	vertical-align: middle;
}
#c-header .c-logo a img:nth-child(2),#c-header.c-head-hide .c-logo a img:nth-child(1),.c-open #c-header .c-logo a img:nth-child(1){
	display: none;
}
#c-header.c-head-hide .c-logo a img:nth-child(2),.c-open #c-header .c-logo a img:nth-child(2){
	display: inline-block;
}
#c-header .c-logo a p {
	display: inline-block;
	vertical-align: top;
}
#c-header .c-logo a p strong{
	margin-right: 22px;
	padding-left: 15px;
}
#c-header .c-logo a p span {
	padding-left: 22px;
	border-left: 1px solid #ddd;
}

/*顶部pc导航*/
#c-header .c-nav {
	display: block;
	text-align: right;
}
#c-header .c-nav>li {
	padding: 0 15px;
	display: inline-block;
	vertical-align: top; position:relative;
	text-align:center;
}
#c-header .c-nav li a {
	position: relative;
	display: inline-block;
	vertical-align: top;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
#c-header .c-nav li ul {
	position: absolute;
	top:102px;
	left:0;
	display: none;
	width: 100%;
	background: #fff;
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
#c-header .c-nav li ul li a{
	display: block;
	padding: 5px 15px;
	border-bottom: 1px solid #f1f1f1;
	line-height: 26px;
	text-align: center;
}
#c-header .c-nav li ul li:last-child a{
	border-bottom:0;
}
/*#c-header .c-nav>li>a::before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 25px;
	margin-left: -6px;
	border: 6px solid transparent;
	transition: all 0.5s;
}*/
#c-header .c-nav>li>a::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 25px;
	width:100%; height:2px;
	background:none;
	transition: all 0.5s;
}
#c-header .c-nav>li.active>a::before,#c-header .c-nav>li:hover>a::before {
	background:#fff;
}
#c-header.c-head-hide .c-nav>li.active>a::before,#c-header.c-head-hide .c-nav>li:hover>a::before {

	background:#0068b7;
	bottom: 10px;
}
#c-header.c-head-hide .c-nav>li.active>a,#c-header.c-head-hide .c-nav>li:hover>a {
	color: #0068b7;
}


#c-header .c-nav .c-language {
	position: relative;
	padding: 0 ;
	margin-left: 35px;
}

#c-header .c-nav .c-search-box {
	position: relative;
	padding-right: 0 ;
}
#c-header .c-nav .c-search-box form {
	display: none;
	position: absolute;
	top: 100px;
	right: 0;
	background: #fff;
	width: 250px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05);
}
/* #c-header.c-head-hide .c-nav .c-search-box form {
	top: 81px;
} */
#c-header .c-nav .c-search-box form input {
	float: left;
	padding: 0 15px;
	width: 180px;
	height: 40px;
	font-size: 16px;
}
#c-header .c-nav .c-search-box form button {
	float: right;
	width: 70px;
	height: 40px;
	color:#fff;
	background: #0068b7;
}
#c-header .c-nav .c-list-box {
	position: absolute;
	top:100%;
	left:50%;
	width:230px;
	margin-left:-115px;
	background: #fff;
	display: none;
	box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05);
	text-align:center;padding:20px 0
}
#c-header .c-nav .c-list-box  a{ line-height:2; font-size:16px; display:block; }
#c-header .c-nav .c-list-box  a:hover{ color:#0068b7}

.banner .c-container{ max-width:1200px; margin:0 auto; width:100%;}
.banner .swiper-slide{
	position: relative;
	overflow: hidden;
}
.banner .swiper-slide img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
	-webkit-transition: all 7s;
	transition: all 7s;
}
.banner .swiper-slide .c-bg2 {
	display: none;
}
.banner .swiper-slide-active img{
	transform:scale(1.1,1.1);
	-webkit-transform:scale(1.1,1.1); 
}
.banner .swiper-slide .c-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	color: #fff;
	background: url(../images/mbl.png)repeat;
}
.banner .swiper-slide2 .c-wrap{ text-align: center;}
.banner .swiper-slide3 .c-wrap{ text-align: center;}
.banner .swiper-slide .c-wrap .c-title{
	font-size: 38px;
	line-height: 1.5;
	text-shadow: 0 2px 10px rgba(0,0,0,.3);
}
.banner .swiper-slide .c-wrap .c-text {
	padding: 30px 0 75px;
	font-size: 20px;
	line-height: 1.5;
	text-shadow: 0 2px 10px rgba(0,0,0,.3);
}
.banner .c-sb{
    position: absolute;
    bottom: 50px;
    left: 50%;
    z-index: 10;
    text-align: center;
    color: #fff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
}
.banner .c-sb .c-text{ margin-top:10px;}

.banner .c-sb .c-wrap {
    position: relative;
    margin: 0 auto;
    width: 24px;
    height: 44px;
    border: 2px solid #fff;
    border-radius: 15px;
    overflow: hidden;
}

.banner .c-sb .c-wrap .c-line {
    position: absolute;
    top: 12px;
    left: 10px;
    width: 2px;
    height: 10px;
    background: #fff;
    animation: jump 1.5s linear infinite;
    -webkit-animation: jump 1.5s linear infinite;
}

.banner .swiper-button-next{ right:35px; width:59px; height:59px; background-size:59px 59px; background-image:url(../images/index_10.png);}
.banner .swiper-button-prev{ left:35px; width:59px; height:59px; background-size:59px 59px; background-image:url(../images/index_07.png);}

.c_about_le,.c_about_ri{ width:50%;height:410px; position:relative;}
.c_about_le .c_about_le_box{ max-width:480px; position:relative; z-index:1;}
.c_about_le .c_about_le_bac{ position:absolute; width:30%; height:100%; right:0; top:0; background:#f7f7f7; z-index:0;}

.videps{ width:100%; height:410px;}
.video-js .vjs-big-play-button{ width:55px; height:55px; border-radius:100%; top:50%; left:50%; margin-left:-27px; margin-top:-27px;}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play{ line-height:50px;}
video{ object-fit:fill;}
.vjs-poster{ background-size:cover;}

.video-js .vjs-big-play-button{ width:70px; height:70px; background-image:url(../images/index_19.png); background-size:100% 100%; border-radius:100%; top:50%; left:50%; margin-left:-35px; margin-top:-35px;border:none;}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,  .vjs-icon-play:before{ content:""; }



.aboutindex{ margin-top:100px; margin-bottom:70px;}
.c_about_le_box{ padding:20px 0; height:100%;}
.c_about_le_box .en_tit{ font-size:28px; color:#999999; font-weight:bold; text-transform:uppercase;}
.c_about_le_box .cn_tit{font-size:24px; color:#0068b7; margin-top:20px;}
.c_about_le_box .index_tit{ position:relative;}
.c_about_le_box .index_tit .tit_line{ width:30%; height:2px; right:0; top:30%; position:absolute; background:#0068b7}

.c-about-box{ margin:40px 0;}
.c-about-box p{ font-size:14px; color:#999999; line-height:2;}
.c_about_le_box a{ position:absolute; left:0; bottom:0; width:100px; height:30px; color:#0068b7; border:1px solid #0068b7; text-align:center; font-size:14px; line-height:28px;transition:all .3s;}
.c_about_le_box a:hover{ background:#0068b7; color:#fff;}


.index_03{ background-image:url(../images/indexbac_07.jpg); background-position:center; background-size:cover; background-repeat:no-repeat;}
.index_03_tit{ padding-top:80px; padding-bottom:240px;}
.index_03_tit .en_tit{ font-size:28px; color:#fff; font-weight:bold; text-transform:uppercase;}
.index_03_tit .cn_tit{font-size:24px; color:#fff; margin-top:20px;}

.index_03_li{ background:rgba(0,0,0,.4);}

.index3li{ width:33.33%; float:left; height:300px; text-align:center; transition:all .3s;}
.index3li:hover{ background:#0068b7;}
.index3li .cn{ color:#fff; font-size:16px; margin-top:10px;}
.index3li .en{ font-size:16px; color:#fff; margin-bottom:15px; margin-top:3px; text-transform:uppercase;}


.index_04{ padding:60px 0 40px;}
.index_title{ position:relative;}
.index_title .cn{font-size:24px; color:#0068b7; margin-top:15px; font-weight:normal; display:block;}
.index_title .en{font-size:28px; color:#999999; font-weight:bold; text-transform:uppercase; position:relative; padding-right:200px; display:inline-block;}
.index_title .en .line_t{width:150px; height:2px; right:0; top:50%; position:absolute; background:#0068b7}

.index_04 .w1200,.index_05 .w1200{ position:relative;}
.index_04 li .imgss img{ width:100%;}
.index_04 ul{ margin-top:45px;}
.index_04 li{ width:31.66%; float:left; margin-right:2.5%; margin-bottom:3%; border:1px solid #eeeeee; position:relative; padding-bottom:60px;}
.index_04 li .txts{ position:absolute; bottom:0; left:0; height:60px; width:100%; background:#eeeeee; transition:all .3s;}
.index_04 li .txts a{ color:#333; font-size:16px; text-align:center; display:block;}
.index_04 li .txts a img{ display:none;}
.index_04 li:nth-child(3n){ margin-right:0;}
.index_04 li:hover .txts{ height:100%; background:rgba(0,104,183,.8); padding:10px;}
.index_04 li:hover .txts img{ display:block; margin:0 auto; margin-bottom:15px;}
.index_04 li:hover .txts  a{ color:#fff;}
.index_04 li:hover .txts .table{border:1px solid #fff;}

.index_05{ padding:60px 0; background-image:url(../images/indexbac_09.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}


a.more{ position:absolute; right:0; top:30px; background:#0068b7; color:#fff; font-size:16px; width:130px; text-align:center; height:40px; line-height:40px;}


.case_index_box{ position:relative; padding:0 90px; margin-top:70px;}
.case_index_box .swiper-slide .imgss{ height:230px; background:#fff; position:relative;}
.case_index_box .swiper-slide .imgss img{ position:absolute; max-width:90%; max-height:90%; left:50%; top:50%; transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.case_index_box .txts{ height:75px; padding-top:15px; text-align:center;}
.case_index_box .txts span{  font-size:20px; color:#0068b7; display:none;}
.case_index_box .swiper-container{ padding-bottom:20px;}
.case_index_box .swiper-pagination{ bottom:0;}
.case_index_box .swiper-pagination-bullet{ width:20px; height:20px;background:none; opacity:1; background-image:url(../images/index_68.png); background-repeat:no-repeat; background-size:100% 100%;}
.case_index_box .swiper-pagination-bullet-active{ background:none; background-image:url(../images/index_66.png);}
.case_index_box .swiper-slide-next span{ display:block;}

.case_index_box .swiper-button-next{ width:47px; height:46px; background-size:47px 46px; margin-top:-23px; background-image:url(../images/index_58.png);}
.case_index_box .swiper-button-prev{width:47px; height:46px; background-size:47px 46px; margin-top:-23px; background-image:url(../images/index_55.png);}


.idnex_06{ padding-top:70px;}
.index_tit_02{ text-align:center;}
.index_tit_02 .cn{font-size:24px; color:#0068b7; margin-top:15px; font-weight:normal; display:block;}
.index_tit_02 .en{font-size:28px; color:#999; margin-bottom:15px; margin-top:3px; text-transform:uppercase; font-weight:bold;}

.index_06_bot{ background-image:url(../images/index_75.jpg); background-size:cover; padding:45px 0; background-position:center}
.index_06_bot .w1200{ position:relative;}
.index_06_bot p{ font-size:16px; color:#303030;}
.index_06_bot p b{ font-size:24px; color:#064894; font-weight:normal;}
.index_06_bot a{ position:absolute; right:10px; top:50%; height:60px; margin-top:-40px; background:#0068b7; display:block; width:240px; text-align:center; line-height:60px; color:#fff; font-size:16px;}


.index_07{ padding-top:60px;}
.news_box_index{ height:375px; padding:30px;}
.news_box_index a.chan{ font-size:14px; color:#666666; margin-bottom:20px; display:block;}
.news_box_index .name{ font-size:18px; color:#333333; height:110px; border-bottom:1px solid #e5e5e5; line-height:1.5;}
.news_box_index .intros{ font-size:14px; color:#999999; padding:20px 0;}
.news_box_index a.mores{ width:100px; height:40px; background:#0457b5; color:#fff; text-align:center; display:block; line-height:40px; font-size:14px;}

.news_center .swiper-slide{ transition:all .3s;}
.news_center .swiper-slide:hover{ background:#f5f5f5;}

.news_center{ margin:60px auto; padding:0 40px; position:relative;}
.news_center .swiper-button-next{ width:13px; height:24px; background-size:13px 24px; margin-top:-12px; background-image:url(../images/index_80.png);}
.news_center .swiper-button-prev{width:13px; height:24px; background-size:13px 24px; margin-top:-12px; background-image:url(../images/index_78.png);}

.index_08{ background:#fafafa; padding:15px 0;}
.index_08 li{ padding:20px 0; padding-left:90px; background-position:20px center; background-repeat:no-repeat; border-left:1px dashed #d9d9d9; float:left; width:25%;}
.index_08 li b{ display:block; font-size:16px; color:#666666;}
.index_08 li span{ display:block; font-size:14px; color:#999999;}
.index_08 li.first{ border:none;}
.footer{ padding-top:60px; background-image:url(../images/indexbac_11.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}

.fot_le{ width:45%;}
.fot_le span{ border-bottom:1px solid #fff; padding-bottom:15px;}
.fot_le span a{ color:#fff; font-size:16px; margin:0;}
.fot_le a{ margin-top:10px; color:#cccccc; font-size:14px;}
.fot_ri{ width:50%;}
.fot_navs{ width:25%; text-align:center;}
.fot_navs span{ display:inline-block;}
.fot_navs a{ display:block;}

.fot_ri_le .tels{ color:#cccccc; font-size:40px; font-weight:normal; padding-left:69px; height:59px; background-repeat:no-repeat; background:url(../images/index_98.png) no-repeat left center; padding-top:30px; margin-bottom:20px;}


.fot_ri_ri{ width:155px;}
.fot_ri_le{ width:calc(100% - 155px);}
.fot_ri_le p{ display:block; color:#cccccc; font-size:14px; background-repeat:no-repeat; padding:5px 0; padding-left:30px; padding-right:10px; background-position:left center; margin-top:5px;}
.fot_ri_ri span{ display:block; text-align:center; margin-top:10px; color:#ccc; font-size:14px;}

.links{ padding:20px 0;}
.links span,.links a{ font-size:14px; color:#ccc;}
.links a{ display:inline-block; margin-left:10px;}
.copyright{ text-align:center; font-size:14px; padding:15px 0; background:#eeeeee;}
.copyright a{ color:#999999; font-size:14px;}
.copyright a:hover{ color:#0454ae}
.idnex_06 img{ max-width:100%; display:block; margin:0 auto;}

@media screen and (max-width:1300px){
	.w1200,.banner .swiper-slide .c-wrap,.c-container{ padding-left:40px; padding-right:40px;}
	.banner .swiper-slide .c-wrap{ text-align:center; padding-top:40px;}
	#c-header .c-nav>li{ padding:0 5px}
	a.more{ right:40px;}
	.fot_ri_le .tels{ font-size:30px;}
}
@media screen and (max-width:960px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 
	
	 .banner .swiper-slide .c-wrap .c-title{ font-size:24px;}
	 .banner .swiper-slide .c-wrap .c-text{ padding:20px 0; font-size:18px;}
	 .banner .swiper-button-next{ right:10px;}
	 .banner .swiper-button-prev{ left:10px;}
	 .banner .c-sb{ bottom:20px;}
	 .c_about_le .c_about_le_box{ padding-right:20px;}
	 .c_about_le_box .en_tit,.index_03_tit .en_tit,.index_title .en,.index_tit_02 .en{ font-size:20px;}
	 .c_about_le_box .cn_tit,.index_03_tit .cn_tit,.index_title .cn,.index_tit_02 .cn{ font-size:18px;}
	.c-about-box{ margin:20px 0;}
	.index_03_tit{ padding-bottom:80px;}
	.news_box_index .name{ font-size:14px; height:80px;}
	.news_box_index .intros{ font-size:12px; padding-top:5px;}
	.news_box_index a.chan{ margin-bottom:10px;}
	.index_08 li{ background-size:20px 20px; padding-left:5px; padding-right:5px; padding-top:30px; text-align:center; background-position: center 10px; width:50%;}
	.index_08 li:nth-child(3){ border-left:none;}
	.index_08 li:nth-child(3),.index_08 li:nth-child(4){ border-top:1px dashed #d9d9d9}
	.index_08 li b{ font-size:14px;}
	.index_08 li span{ line-height:1.4; font-size:12px;}
	.fot_le,.fot_ri{ width:100%; float:none;}
	.fot_ri{ margin-top:40px;}
	}
@media screen and (max-width:768px){
	.c_about_le, .c_about_ri{ width:100%; height:auto;}
	.aboutindex{ margin:40px auto;}
	.c_about_le{ margin-bottom:30px;}
	.c_about_le_box a{ position:static; display:block;}
	.videps{ height:300px;}
	.w1200,.banner .swiper-slide .c-wrap,.c-container{ padding-left:20px; padding-right:20px;}
	.c_about_le_box .cn_tit,.index_03_tit .cn_tit,.index_title .cn,.index_title .cn,.index_tit_02 .cn{ margin-top:5px;}
	.index_03_tit .en_tit{ color:#333;}
	.index_03_tit .cn_tit{ color:#333;}
	.index3li{ height:230px;}
	.index3li .en,.index3li .cn{ font-size:12px;}
	.index3li img.tubiao{ max-width:50px; max-height:40px;}
	a.more{ position:static; display:block; margin:20px auto; font-size:14px;}
	.index_title .en .line_t{ width:20%;}
	.index_title .en { padding-right:25%;}
	
	.index_05{ padding:40px 0;}
	.index_04 li{ width:48%; margin:1%; padding-bottom:40px;}
	.index_04 li:nth-child(3n){ margin:1%;}
	.index_04 li .txts a{ font-size:14px;}
	.index_04 li .txts{ height:40px;}
	.index_04{ padding:30px 0;}
	.index_03_tit{ padding:30px 0;}
	.index_04 ul{ margin-top:20px;}
	.case_index_box{ padding:0 60px; margin-top:30px;}
	.case_index_box .swiper-slide-next span{ display:none;}
	.case_index_box .swiper-slide span{ display:block; font-size:12px;}
	.case_index_box .swiper-slide .imgss{ height:150px;}
	.idnex_06{ padding-top:40px;}
	.idnex_06 img{ max-width:100%; display:block; margin:0 auto;}
	.index_06_bot a{ display:block; position:static;  height:40px; line-height:40px; margin:0 auto;margin-top:10px; width:140px;}
	.index_06_bot p{ font-size:14px;}
	.news_box_index{ height:auto;}
	.news_center{ margin:30px auto;}
	.index_07{ padding-top:40px;}
	.news_center .swiper-slide{ background:#f0f0f0;}
	.fot_ri_ri{ width:100px;}
	.fot_ri_le{width:calc(100% - 110px)}
	.fot_ri_le p{ margin-top:0; background-size:15px auto; padding-left:20px;}
	.index_04 li .txts a{ font-size:12px;}
	.fot_ri_ri img{ max-width:100%;}.fot_ri_le .tels{ background-size:30px auto;  padding-top:0; height:auto; padding:10px 0;padding-left:40px; font-size:20px;}
	.banner .swiper-button-next{ right:10px; width:30px; height:30px; background-size:30px 30px;}
	.banner .swiper-button-prev{ left:10px; width:30px; height:30px; background-size:30px 30px; }
	.banner .c-sb{ bottom:5px;}
	.banner .swiper-slide .c-wrap{ padding-bottom:60px;}
	
	.case_index_box .swiper-button-next{ width:30px; height:30px; background-size:30px 30px; margin-top:-15px; }
.case_index_box .swiper-button-prev{width:30px; height:30px; background-size:30px 30px; margin-top:-15px;}
.index_06_bot p b{ font-size:18px;}.fot_navs span{ padding-bottom:5px;}.fot_navs a{ margin-top:5px; font-size:12px;}
.fot_ri_le p{ font-size:12px;}
.c_about_le .c_about_le_box{ padding-top:0}

	}



#c-common-bg{
    position: fixed;
    z-index: -2;
    top: 0;
    left: 0;
    width: 100%;
    height:640px; background-size:cover; background-position:center; background-repeat:no-repeat;
}
#c-top-bg {
    height:640px;
    background: rgba(0,0,0,.3) url(../images/mbl.png) repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
#c-top-bg .c-enTitle {
	font-size: 72px;
	line-height: 1;
	color: #fff; font-weight:normal;
}
#c-top-bg .c-title {
	padding-top: 10px;
	font-size: 36px;
	line-height: 56px;
	color: #fff;font-weight:normal;
}

.positions{    padding: 30px 0; border-bottom:1px solid #eee;
    font-size: 16px;
    line-height: 26px;
    color: #666;
    background: #fff;}
#c-top-menu {
	padding: 50px 0 50px;
	background: #fff;
}
#c-top-menu .c-list {
	text-align: center;
}
#c-top-menu .c-list a {
	margin: 0 5px 10px;
	display: inline-block;
	width:210px;
	line-height: 50px;
	vertical-align: top;
	background: #f8f8f8;
	color: #191919;
	transition: .5s;
}
#c-top-menu .c-list a.active,#c-top-menu .c-list a:hover {
	background: #0068b7;
	color: #fff;
}

.news_lists{ background:#fff;}
.news_lists li{ width:23%; margin:1%; float:left; border:1px solid #f0f0f0;}
.news_lists li:hover{ background:#f5f5f5}
.news_lists li .name{ height:110px;}
.news_lists li .name a{ color: #333;}
.news_lists li .intros{ height:112px;}

.pages{ text-align:center; padding:40px 0 60px; background:#fff;}
.pages li{ display:inline-block; margin:0 2px;}
.pages li a{ display:block; padding:3px 10px; background:#f0f0f0; color:#000; font-size: 12px;}
.pages li a:hover{ background:#0457b5; color:#fff;}
.pages li.active a{ background:#0457b5; color:#fff;}

#c-news4 {
	padding: 50px 0 150px;
	background: #f9f9f9;
}
#c-news4 .c-main-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
#c-news4 .c-left-box {
	width: 68.4%;
}
#c-news4 .c-left-box .c-top-box {
	padding: 45px 40px 0;
	background: #fff;
}
#c-news4 .c-left-box .c-top-box .c-title {
	font-size: 30px;
	line-height: 40px;
	color: #262626;
}
#c-news4 .c-left-box .c-top-box .c-time {
	padding: 15px 0 25px;
	line-height: 26px;
	color: #666;
}
#c-news4 .c-left-box .c-top-box .c-text {
	padding-bottom: 30px;
	line-height: 30px;
	color: #666;
}
#c-news4 .c-left-box .c-top-box .c-text img {
	max-width: 100%;
	height: auto !important;
}
#c-news4 .c-left-box .c-top-box .c-share {
	border-top: 1px solid #ddd;
	padding: 30px 0;
	font-size: 18px;
	line-height: 28px;
	color: #262626;
}
#c-news4 .c-left-box .c-pn-box {
	padding-top: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 30px;
}
#c-news4 .c-left-box .c-pn-box a{
	font-size: 18px;
	color: #2c2e2f;
	transition: .5s;
}
#c-news4 .c-left-box .c-pn-box .c-prev {
	padding-left: 40px;
	background: url(../images/prev3.png) no-repeat left center;
	background-size: auto 18px;
}
#c-news4 .c-left-box .c-pn-box .c-next {
	padding-right: 40px;
	background: url(../images/next3.png) no-repeat right center;
	background-size: auto 18px;
}
#c-news4 .c-left-box .c-pn-box .c-return {
	padding-left: 40px;
	background: url(../images/menu.png) no-repeat left center;
	background-size: auto 18px;
}
#c-news4 .c-left-box .c-pn-box .c-prev:hover {
	color: #0068b7;
	background: url(../images/prev3-h.png) no-repeat left center;
	background-size: auto 18px;
}
#c-news4 .c-left-box .c-pn-box .c-next:hover {
	color: #0068b7;
	background: url(../images/next3-h.png) no-repeat right center;
	background-size: auto 18px;
}
#c-news4 .c-left-box .c-pn-box .c-return:hover {
	color: #0068b7;
	background: url(../images/menu-h.png) no-repeat left center;
	background-size: auto 18px;
}

.posi,.posi a{ color: #333;}
#c-news4 .c-right-box {
	/* position: sticky;
	top:80px; */
	width: 28.9%;
}
#c-news4 .c-right-box .c-top-box {
	margin-bottom: 40px;
	background: #fff;
}
#c-news4 .c-right-box .c-top-box .c-bg-title {
	background: #0068b7;
	font-size:24px;
	line-height: 76px;
	text-align: center;
	color: #fff;
}
#c-news4 .c-right-box .c-top-box .c-list{
	padding: 30px 30px 0;
}
#c-news4 .c-right-box .c-top-box .c-list li{
	padding-bottom: 30px;
}
#c-news4 .c-right-box .c-top-box .c-list .c-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#c-news4 .c-right-box .c-top-box .c-list .c-img-box {
	width: 36%;
	height: .9rem;
	overflow: hidden;
}
#c-news4 .c-right-box .c-top-box .c-list .c-img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#c-news4 .c-right-box .c-top-box .c-list .c-text-box {
	padding-left: 20px;
	width: 64%;
}
#c-news4 .c-right-box .c-top-box .c-list .c-text-box .c-time{
	padding-bottom: 5px;
	font-size: 14px;
	line-height: 24px;
	color: #999;
}
#c-news4 .c-right-box .c-top-box .c-list .c-text-box .c-title {
	font-size: 16px;
	line-height: 26px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 1;
}
#c-news4 .c-right-box form {
	background: #fff;
}
#c-news4 .c-right-box form .c-title {
	font-size: 24px;
	line-height: 76px;
	text-align: center;
	color: #0068b7;
	background: #e9e9e9;
}
#c-news4 .c-right-box form .c-wrap {
	padding: 30px;
}
#c-news4 .c-right-box form .c-wrap input {
	margin-bottom: 20px;
	width: 100%;
	height: 62px;
	padding: 0 20px;
	font-size: 16px;
	color: #333;
	border: 1px solid #ddd;
}
#c-news4 .c-right-box form .c-wrap button {
	width: 100%;
	height: 60px;
	font-size: 16px;
	color: #fff;
	background: #0068b7;
}

#c-join3 {
	padding-top: 50px; padding-bottom:100px;
	background: #fff;
}
#c-join3 .c-top-box {
	margin-bottom:40px;
	text-align:center;
}
#c-join3 .c-top-box .c-title {
	font-size: 48px;
	line-height: 1.1em;
	color: #222;
}
#c-join3 .c-top-box .c-title span {
	color: #0068b7;
}
#c-join3 .c-top-box form {
	width: 67.7%;
	padding: 20px;
	background: #f7f7f7;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
#c-join3 .c-top-box form .c-wrap {
	width: -webkit-calc(33.33% - 13px);
	width: calc(33.33% - 13px);
	display: flex;
	align-items: center;
}
#c-join3 .c-top-box form select {
	padding: 0 40px 0 20px;
	width: 100%;
	height: 60px;
	border: 1px solid #ddd;
	background: #fff url(../images/san.png)no-repeat right 20px center;
	background-size: 12px auto;
	color: #666;
}
#c-join3 .c-top-box form input{
	padding: 0 20px;
	height: 60px;
	border: 1px solid #ddd;
	width: -webkit-calc(100% - 60px);
	width: calc(100% - 60px);
	border-right: 0;
	color: #666;
}
#c-join3 .c-top-box form button {
	width: 60px;
	height: 60px;
	background: #0068b7;
}
#c-join3 .c-top-box form button i {
	color: #fff;
	font-size: 18px;
}
#c-join3 .c-list-box{
	box-shadow: 0 1px 50px rgba(0,0,0,.1);
}
#c-join3 .c-list1 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 40px 0 30px;
	font-size: 18px;
	line-height: 28px;
	color: #191919;
	border-bottom: 2px solid #e3e3e3;
}
#c-join3 .c-item5 {
	padding-right: 40px;
	width: 100px;
	text-align: right; 
}
#c-join3 .c-list2 .c-title-box{position:relative;}

#c-join3 .c-item5 i {
	border:6px solid transparent;
	border-top:6px solid #333;
	font-size: 28px;
	transition: .5s; position:absolute; top:30px;
}
#c-join3 .c-item1,#c-join3 .c-item2,#c-join3 .c-item3,#c-join3 .c-item4 {
	width: -webkit-calc(25% - 25px);
	width: calc(25% - 25px);
}
#c-join3 .c-item1 {
	padding-left: 40px;
}
#c-join3 .c-item2,#c-join3 .c-item3,#c-join3 .c-item4 {
	padding-left: 20px;
}
#c-join3 .c-list2 .c-title-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 20px 0;
	border-bottom: 1px solid #f2f2f2;
	line-height: 26px;
	color: #666;
	transition: .5s;
}
#c-join3 .c-list2 .c-title-box .c-item1 {
	font-size: 18px;
	line-height: 28px;
	color: #333;
	transition: .5s;
}
#c-join3 .c-list2 .c-title-box span {
	display: none;
}
#c-join3 .c-list2 .c-text-wrap {
	display: none;
}
#c-join3 .c-list2 .c-text-box {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 40px;
	border-bottom: 1px solid #f2f2f2;
}
#c-join3 .c-list2 .c-text-box .c-text {
	width: -webkit-calc(100% - 240px);
	width: calc(100% - 240px);
	line-height: 30px;
	color: #999;
}
#c-join3 .c-list2 .c-text-box .c-btn {
	display: block;
	width: 170px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	background: #0068b7;
}
#c-join3 .c-list2>li.active .c-title-box,#c-join3 .c-list2>li.active .c-title-box .c-item1{
	color: #0068b7;
}
#c-join3 .c-list2>li.active .c-item5 i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	border-top:6px solid #0068b7;
}
#c-join3 #c-pagination {
	padding:40px 0;
}
@media screen and (max-width:960px){
	#c-news4 .c-left-box .c-top-box{ padding:40px 20px;}
	#c-news4 .c-left-box .c-top-box .c-title{ font-size:20px;}
	#c-common-bg,#c-top-bg{ height:280px;}
	#c-top-bg{ padding-top:50px;}
	#c-top-bg .c-enTitle{ font-size:30px; text-align:center;}
	#c-top-bg .c-title{ font-size:20px;  text-align:center; line-height:30px;}
	#c-top-menu .c-list {
		margin: 0 -2px; 
	}
	.positions{ padding:20px 0;}
	.positions a,.positions{ font-size:14px;}
	#c-top-menu{ padding:30px 0;}
	#c-top-menu .c-list a {
		margin: 0 2px 5px;
		font-size: 12px;
		width: 60px;
		line-height: 30px;
	}
	#c-news4{padding: 40px 0 40px;}
	#c-news4 .c-left-box,#c-news4 .c-right-box{ width:100%; float:none; margin-bottom:40px;}
	
	#c-news4 .c-right-box form .c-wrap button,#c-news4 .c-right-box form .c-wrap input {
		font-size: 14px;
		height: 50px;
	}
	#c-news4 .c-right-box .c-top-box .c-list .c-text-box .c-time {
		padding-bottom: 0;
		font-size: 12px;
		line-height: 22px;
	}

	#c-news4 .c-right-box .c-top-box .c-bg-title,#c-news4 .c-right-box form .c-title {
    font-size: 20px;
    line-height: 50px;
	}
	#c-news4 .c-left-box .c-pn-box a {
		font-size: 14px;
		line-height: 24px;
	}
	#c-news4 .c-left-box .c-pn-box .c-prev {
		padding-left: 12px;
		background: url(../images/prev3.png) no-repeat left center;
		background-size: auto 8px;
	}
	#c-news4 .c-left-box .c-pn-box .c-next {
		padding-right: 12px;
		background: url(../images/next3.png) no-repeat right center;
		background-size: auto 8px;
	}
	#c-news4 .c-left-box .c-pn-box .c-return {
		padding-left: 12px;
		background: url(../images/menu.png) no-repeat left center;
		background-size: auto 8px;
	}
	#c-news4 .c-left-box .c-pn-box .c-prev:hover {
		color: #0068b7;
		background: url(../images/prev3-h.png) no-repeat left center;
		background-size: auto 8px;
	}
	#c-news4 .c-left-box .c-pn-box .c-next:hover {
		color: #0068b7;
		background: url(../images/next3-h.png) no-repeat right center;
		background-size: auto 8px;
	}
	#c-news4 .c-left-box .c-pn-box .c-return:hover {
		color: #0068b7;
		background: url(../images/menu-h.png) no-repeat left center;
		background-size: auto 8px;
	}
	#c-news4 .c-left-box .c-top-box .c-share {
    padding: 20px 0;
    font-size: 14px;
    line-height: 24px;
	}
	#c-news4 .c-left-box .c-top-box .c-text {
		line-height: 24px;
		padding-bottom: 15px;
	}
	#c-news4 .c-left-box .c-top-box .c-time {
    padding: 5px 0 15px;
    line-height: 24px;
	}
	#c-news4 .c-left-box .c-pn-box{ font-size:14px;}
	#c-news4 .c-right-box .c-top-box .c-list .c-text-box .c-title{ font-size:14px; line-height:24px;}
	}


.product_lists{ background:#fff;}
.product_lists li .imgss img{ width:100%;}
.product_lists ul{ padding-top:45px;}
.product_lists li{ width:31.66%; float:left; margin-right:2.5%; margin-bottom:3%; border:1px solid #eeeeee; position:relative; padding-bottom:60px;}
.product_lists li .txts{ position:absolute; bottom:0; left:0; height:60px; width:100%; background:#eeeeee; transition:all .3s;}
.product_lists li .txts a{ color:#333; font-size:16px; text-align:center; display:block;}
.product_lists li .txts a img{ display:none;}
.product_lists li:nth-child(3n){ margin-right:0;}
.product_lists li:hover .txts{ height:100%; background:rgba(0,104,183,.8); padding:10px;}
.product_lists li:hover .txts img{ display:block; margin:0 auto; margin-bottom:15px;}
.product_lists li:hover .txts  a{ color:#fff;}
.product_lists li:hover .txts .table{border:1px solid #fff;}


.chanpin_view{ padding:40px; background:#fff;}

.chanpin_view .imgss{ width:50%;}
.chanpin_view .imgss img{ max-width:100%;}
.chanpin_view .txts{ width:50%; padding-left:20px;}
.chanpin_view .txts p{ font-size:16px; color:#000; line-height:2; border-bottom:1px dashed #eee; padding-bottom:2px;}

.chapinjieshao{ background:#f9f9f9; color:#333; font-size:16px; padding:10px; margin-top:20px;}
.chanpinjsbox p,.chanpinjsbox,.about_us,.about_us p{ font-size:14px; line-height:1.6;}
.chanpinjsbox{ padding:30px 0;}
.chanpinjsbox p,.about_us p{ margin-bottom:10px;}

.about_us{ padding-bottom:60px; background: #fff;}

#c-honor {
	padding: 40px 0;
	background: #fff;
}
#c-honor .c-bg-title {
	margin-bottom: 60px;
	position: relative;
	font-size: 48px;
	line-height: 1em;
	color: #333;
	text-align: center;
}
#c-honor .c-bg-title span {
	color: #0068b7;
}
#c-honor .c-list {
	padding-bottom: 50px;
	margin: 0 -15px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#c-honor .c-list li {
	margin-bottom: 30px;
	width: 33.33%;
	padding: 0 15px;
}
#c-honor .c-list .c-wrap {
	padding: 0 30px;
	text-align: center;
	background: #f5f5f5;
}
#c-honor .c-img-box{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 4.25rem;
}
#c-honor .c-img-box img {
	max-height: 95%;
	max-width: 95%;
}
#c-honor .c-title {
	border-top: 1px solid #e8e8e8;
	font-size: 16px;
	line-height: 26px;
	color: #333;
	padding: 35px 0;
}
	
@media screen and (max-width:768px){
	.news_lists li{ width:48%;}
	.news_lists li .name{ height:70px;}
	.news_lists li .intros{ height:82px;}
	.news_lists li .news_box_index a.mores{ height:30px; line-height:30px; font-size:12px;}
	.news_lists li .news_box_index{ padding:15px;}
	.pages li a{ font-size:12px;}
	.product_lists ul{ padding-top:0}
	.product_lists li{ width:48%; margin:1%; padding-bottom:40px;}
	.product_lists li:nth-child(3n){ margin:1%;}
	.product_lists li .txts a{ font-size:12px;}
	.product_lists li .txts{ height:40px;}
	.product_lists{ padding:0 0 30px;}
	.pages{ padding:30px 0 50px;}
	
	.chanpin_view{ padding:15px;}
	.chanpin_view .txts p{ font-size:14px; line-height:1.6;}
	.chanpinjsbox{ padding:20px 0;}
	#c-news4 .c-left-box .c-pn-box{ padding-top:30px;}
	#c-honor .c-list li{ width:48%; margin:1%; padding: 0;}
	#c-honor .c-title{ font-size:14px; padding:15px 0;}
	#c-honor .c-list .c-wrap{ padding: 0 10px;}
	#c-honor .c-img-box{ height: 170px;}
	#c-honor{ padding-top:0;}
	
	
		#c-join3 .c-list2 .c-text-box .c-btn {
			margin-top: 15px;
			width: 90px;
			height: 40px;
			line-height: 40px;
	}
	#c-join3 .c-list2 .c-text-box .c-text {
		width: 100%;
		line-height: 24px; font-size: 12px;
	}
	#c-join3 .c-list2 .c-text-box {
		padding: 20px;
	}
	#c-join4 {
		padding: 40px 0;
	}
	#c-join3 .c-item5 i {
		font-size: 20px;
	}
	#c-join3 .c-list2 .c-title-box {
		line-height: 24px;
	}
	#c-join3 .c-list2 .c-title-box .c-item1 {
		font-size: 14px;
		line-height: 24px;
	}
	#c-join3 .c-item1 {

		padding-left: 20px;
		width: -webkit-calc(60% - 35px);
    width: calc(60% - 35px);
	}
	#c-join3 .c-item3 {
		width: -webkit-calc(40% - 35px);
    width: calc(40% - 35px);
	}
	#c-join3 .c-item5 {
    padding-right: 20px;
    width: 50px;
	}
	#c-join3 .c-list1,#c-join3 .c-item2,#c-join3 .c-item4,#c-join4 .c-list .c-wrap .c-btn {
		display: none;
	}
	#c-join3 .c-list2 .c-title-box {
		padding: 15px 0;
	}
	#c-join3 .c-top-box {
		margin-bottom: 20px;
	}
	#c-join3 .c-top-box form .c-wrap {
		width: 100%;
		margin-bottom: 20px;
	}
	#c-join3 .c-top-box form .c-wrap:last-child {
		margin-bottom: 0;
	}
	#c-join3 .c-top-box form select,#c-join3 .c-top-box form input,#c-join3 .c-top-box form button {
		height: 50px;
	}
	#c-join3 .c-top-box .c-title,#c-join4 .c-top-box .c-title {
		width: 100%;
		font-size: 20px;
		text-align: center;
	}
	#c-join3 .c-item3{ font-size:14px;}
	#c-join3 .c-item5 i{ top:50%; margin-top:-12px;}
	
	}


#c-contact {
    padding: 90px 0; background:#fff;
}

#c-contact .c-top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #dedede;
}

#c-contact .c-top .c-title {
    font-size: 40px;
    line-height: 50px; color:#333;
}

#c-contact .c-top .c-wrap {
    display: flex;
    align-items: center;
}

#c-contact .c-top .c-wrap .c-lt {
    text-align: right;
}

#c-contact .c-top .c-wrap .c-text {
    line-height: 26px;
    color: #555;
}

#c-contact .c-top .c-wrap .c-phone {
    margin-bottom: 25px;
    font-family: "futurabt";
    font-weight: bold;
    font-size: 36px;
    line-height: 46px; color:#333;
}

#c-contact .c-top .c-wrap .c-line {
    display: inline-block;
    vertical-align: top;
    width: 10px;
    height: 6px;
    background: #0042ad;
}

#c-contact .c-top .c-wrap .c-gt {
    margin-left: 30px;
    width: 132px;
    height: 132px;
    border: 1px solid #dedede;
}

#c-contact .c-top .c-wrap .c-gt img {
    width: 100%;
    height: 100%;
}

#c-contact .c-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

#c-contact .c-list li {
    display: flex;
    align-items: center;
}

#c-contact .c-list li:nth-child(2) {
    justify-content: center;
    padding: 0 20px;
    width: 48%;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
}

#c-contact .c-list .c-ico {
    margin-right: 20px;
    width: 80px;
    height: 80px;
    border: 1px solid #333;
    border-radius: 50%;
    flex: 0 0 80px;
}

#c-contact .c-list .c-ico img {
    width: 100%;
    height: 100%;
}

#c-contact .c-list .c-title {
    font-size: 18px;
    line-height: 28px; color:#333;
}

#c-contact .c-list .c-text {
    font-size: 14px;
    line-height: 24px;
    color: #777;
}
#c-contact2 .c-common-title{ text-align:center; margin-bottom:50px;}
#c-contact2 .c-title{ font-size:40px; color:#333; line-height:50px;}
#c-contact2 .c-list textarea{ border:none;}


.videps img{width:100%;}

/* 联系我们表单 */

#c-contact2 {
    padding: 90px 0;
    background: #eff1f5;
}

#c-contact2 .c-list {
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

#c-contact2 .c-list li {
    margin-bottom: 10px;
    position: relative;
    width: 50%;
    padding: 0 5px;
}

#c-contact2 .c-list li:nth-child(5),
#c-contact2 .c-list li:nth-child(6) {
    width: 100%;
}

#c-contact2 .c-list input {
    padding: 0 20px;
    width: 100%;
    height: 80px;
    line-height: 80px;
    background: #fff;
}

#c-contact2 .c-list li:nth-child(1) input,
#c-contact2 .c-list li:nth-child(2) input {
    padding-right: 50px;
}

#c-contact2 .c-list i {
    position: absolute;
    top: 50%;
    right: 20px;
    height: 10px;
    font-size: 20px;
    font-style: normal;
    line-height: 1;
    color: #0042ad;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#c-contact2 .c-list textarea {
    width: 100%;
    height: 200px;
    padding: 25px 20px;
    line-height: 26px;
    background: #fff;
    overflow-y: auto;
}

#c-contact2 .c-list .c-text {
    padding: 10px 0 20px;
    line-height: 26px;
    color: #555;
}

#c-contact2 .c-list button {
    width: 100%;
    line-height: 80px;
    font-size: 22px;
    color: #fff;
    background: #0042ad;
    cursor: pointer;
}

#c-contact2 .c-list li:last-child button {
    color: #555;
    background: #dadde3;
}
@media screen and (max-width:960px){
	#c-common-bg{ top: 50px;}
}

@media screen and (max-width:768px){
	#c-contact2,#c-contact{ padding:40px 0;}
	#c-contact2 .c-title,#c-contact .c-top .c-title{ font-size:20px;}
	#c-contact .c-top .c-wrap .c-phone{ font-size:16px;}
	#c-contact .c-list li:nth-child(2){ border:none;}
	 #c-contact .c-top .c-wrap {
        padding-top: 20px;
        flex-direction: row-reverse;
    }
    #c-contact .c-top .c-wrap .c-gt {
        margin: 0 20px 0 0;
    }
    #c-contact .c-top .c-wrap .c-lt {
        text-align: left;
    }
    #c-contact .c-top {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    #c-contact .c-list li {
        width: 100%;
    }
    #c-contact .c-list .c-ico {
        width: 50px;
        height: 50px;
        flex: 0 0 50px;
    }
    #c-contact .c-list li:nth-child(2) {
        justify-content: flex-start;
        padding: 20px 0;
        width: 100%;
    }
    #c-contact2 .c-list input {
        padding: 0 15px;
        height: 50px;
        line-height: 50px;
    }
    #c-contact2 .c-list i {
        right: 15px;
    }
    #c-contact2 .c-list li:nth-child(1) input,
    #c-contact2 .c-list li:nth-child(2) input {
        padding-right: 30px;
    }
    #c-contact2 .c-list textarea {
        height: 120px;
        padding: 15px;
    }
    #c-contact2 .c-list .c-text {
        padding: 0 0 20px;
        line-height: 24px; font-size:12px;
    }
    #c-contact2 .c-list button {
        line-height: 50px;
        font-size: 16px;
    }
	.c-common-title .c-text{ font-size:12px;}
	}


@-webkit-keyframes jump {
    0% {
        opacity: 1;
        top: -10px;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        top: 21px;
    }
}

@keyframes jump {
    0% {
        opacity: 1;
        top: -10px;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        top: 21px;
    }
}

.product_lists .imgss,.index_04 .imgss{height:250px; overflow:hidden;}
.product_lists .imgss img,.index_04 .imgss img{width:100%; height:100%; object-fit:cover;}